$("header").load("header.html");
$("footer").load("footer.html");
$(".right>button").eq(1).css({
    "backgroundColor": "red",
    "color": "white",
    "border": "none"
})
$(function () {
    $("#small").mouseenter(function () {
        $("#mark,#big").show()
    }).mouseleave(function () {
        $("#mark,#big").hide()
    }).mousemove(function (ev) {
        var l = ev.pageX - $(this).offset().left - 50;
        var t = ev.pageY - $(this).offset().top - 50;
        if (l <= 0) {
            l = 0;
        }
        if (l >= 150) {
            l = 150;
        }

        if (t <= 0) {
            t = 0;
        }
        if (t >= 265) {
            t = 265;
        }
        //改变遮罩层的位置
        $("#mark").css({
            left: l,
            top: t
        })
        //同时放大图片的位置，四倍于遮罩层的位置，注意反方向的。
        $("#big img").css({
            left: -4 * l,
            top: -4 * t
        })
    })
})
//商品数量加
let n = $('.quantity').html();
$('#add').click(function () {
    if (n == 10) {
        confirm('限购10件');
        return;
    }
    n++;
    $('.quantity').html(n);
    let newNum = $('.quantity').html();//变化后的数量
    let danjia = $('.dj').html(); 获取//商品单价
    let price = danjia * newSl//数量改变后的价格
})
// 商品数量减
$('#min').click(function () {
    n--;
    if (n <= 0) {
        n = 1;//当数量为1时，n=1。
    }
    $('.quantity').html(n);
    let newNum = $('.quantity').html();//变化后的数量
    let danjia = $('.dj').html(); //获取商品单价
    let price = danjia * newSl//数量改变后的价格
})
//添加到购物车接口、
let newNum = $('.quantity').html()
$('.addcar').click(function () {
    $.post('../php/addShoppingCart.php', { "vipName": getCookie("name"), "goodsId": 1, "goodsCount": newNum }, function (resText) {
        confirm("加入购物车成功")
        location.href = "ShoppingCart.html"
    })
})